<template>
  <div style="margin:50px;border:1px #e0e0e0 solid;padding:20px;">
    <div style="margin-bottom:50px;">
      <span style="font-size:40px;bold">人才招募</span>
    </div>
    <div style="margin-left:50px;margin-right:50px;margin-bottom:50px;min-height:1px;background-color:#e0e0e0;"></div>
    <div style="margin-bottom:50px;"><span>如有任何问题，欢迎通过以下各种方式与我们联系。</span></div>
    <div>
      <div  class="clearfix">
      <div style="float:left;width:50%" class="clearfix">
        <div style="float:left;width:40px;min-height:1px;">
          <img src="../assets/logo.png" alt="email" style="width:40px;height:40px;">
        </div>
        <div style="float:left;margin-left:10px;">
          <div><span>猎手邮箱</span></div>
          <div><span>xxx@xxxx.xxx</span></div>
        </div>
      </div>
      <div style="float:left;width:50%" class="clearfix">
        <div style="float:left;width:40px;min-height:1px;">
          <img src="../assets/logo.png" alt="email" style="width:40px;height:40px;">
        </div>
        <div style="float:left;margin-left:10px;">
          <div><span>猎手邮箱</span></div>
          <div><span>xxx@xxxx.xxx</span></div>
        </div>
      </div>
      <div style="float:left;width:50%"></div>
      </div>
      <div  class="clearfix" style="margin-top:20px;">
      <div style="float:left;width:50%" class="clearfix">
        <div style="float:left;width:40px;min-height:1px;">
          <img src="../assets/logo.png" alt="email" style="width:40px;height:40px;">
        </div>
        <div style="float:left;margin-left:10px;">
          <div><span>猎手邮箱</span></div>
          <div><span>xxx@xxxx.xxx</span></div>
        </div>
      </div>
      <div style="float:left;width:50%" class="clearfix">
        <div style="float:left;width:40px;min-height:1px;">
          <img src="../assets/logo.png" alt="email" style="width:40px;height:40px;">
        </div>
        <div style="float:left;margin-left:10px;">
          <div><span>猎手邮箱</span></div>
          <div><span>xxx@xxxx.xxx</span></div>
        </div>
      </div>
      <div style="float:left;width:50%"></div>
      </div>
    </div>
    <!--<img src="../assets/logo.png" alt="banner" class="banner">
    <div class="container clearfix">
      <div class="detail">
        <img src="../assets/logo.png" alt="location" class="map">
      </div>
      <div class="detail">
        <div v-for="(item,index) in company" :key='index' style="margin-left:20px;margin-top:20px;">
          <div>
            <span>{{item.title}}</span>
          </div>
          <div>
            <span>地址：{{item.address}}</span>
          </div>
          <div>
            <span>电话：{{item.tel}}</span>
          </div>
          <div>
            <span>传真：{{item.fax}}</span>
          </div>
        </div>
      </div>
    </div>-->
  </div>
</template>
<style scoped>
.map {
  width: 100%;
  height: 100%;
}

.detail {
  float: left;
  width: 50%;
  height: 100%
}

.container {
  width: 1080px;
  height: 800px;
  margin-top: 20px;
}
.clearfix::before,
.clearfix::after {
  content: '';
  display: block;
  clear: both;
}

.banner {
  width: 100%;
  height: 200px
}

.title {
  margin-top: 10px;
  margin-bottom: 10px;
}
</style>
<script>
export default {
  data: function() {
    return {
      company: [
        {
          title: '北京总部',
          address: '北京市朝阳区建国路乙118号太平金融中心(京汇大厦)22层',
          tel: '010-56082000',
          fax: '01065678559'
        },
        {
          title: '北京总部',
          address: '北京市朝阳区建国路乙118号太平金融中心(京汇大厦)22层',
          tel: '010-56082000',
          fax: '01065678559'
        },
        {
          title: '北京总部',
          address: '北京市朝阳区建国路乙118号太平金融中心(京汇大厦)22层',
          tel: '010-56082000',
          fax: '01065678559'
        },
        {
          title: '北京总部',
          address: '北京市朝阳区建国路乙118号太平金融中心(京汇大厦)22层',
          tel: '010-56082000',
          fax: '01065678559'
        },
        {
          title: '北京总部',
          address: '北京市朝阳区建国路乙118号太平金融中心(京汇大厦)22层',
          tel: '010-56082000',
          fax: '01065678559'
        }
      ]
    }
  }
}
</script>
